<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<!DOCTYPE html>
<html lang="en">
<head>
<title>销售合同列表</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />

<link rel="icon" href="favicon.ico" type="image/x-icon" />
<!-- END META SECTION -->

<!-- CSS INCLUDE -->        
      
<link rel="stylesheet" href="${ctx}/rs/css/bootstrap-table.css" />
<link rel="stylesheet" href="${ctx}/rs/css/main.css" />
<link id="theme" rel="stylesheet" href="${ctx}/rs/joli/css/theme-default.css" />

<!-- EOF CSS INCLUDE -->        
<style type="text/css">
.table th, .table td { 
text-align: center;
vertical-align: middle!important;
}
</style>
</head>
<body >

     <!-- START PAGE CONTAINER -->
      <div class="page-container">
        <!-- 引入左菜单部分 -->
          <jsp:include page="../joli/menu.jsp"></jsp:include>
          
          <!-- START PAGE CONTENT -->
          <div class="page-content">
              <jsp:include page="../joli/top.jsp"></jsp:include>
              
              <!-- START BREADCRUMB -->
              <ul class="breadcrumb">
                  <li><a href="#">合同管理</a></li>                    
                  <li class="active">统计合同</li>
              </ul>
              <!-- END BREADCRUMB -->   
              
              
              <!-- PAGE CONTENT WRAPPER -->
			<div class="page-content-wrap">
				<div class="row">
					<div class="col-xs-12">
						<div id="toolbar">
							<div class="fr pb10">
								<select class="srt-put1 mr10 widput1" id="contractStatus"
									onchange="refresh()">
									<option value="">全部状态</option>
									<option value="0">未启动</option>
									<option value="1">执行中</option>
									<option value="2">已结束</option>
								</select> <span class="name">签约日期：</span> <span class="time"><input
									type="text" id="beginTime" class="srt-put1 mr10 widput1"
									onfocus="WdatePicker()" />至 &nbsp; <input type="text"
									id="endTime" class="srt-put1 mr10 widput1"
									onfocus="WdatePicker({minDate:'#F{$dp.$D(\'beginTime\')}'})" /></span>
								<button class="btn btn-primary btn-sm srt-btn active"
									onclick="refresh()">确定</button>
							</div>
						</div>
						<table id="table" cellpadding="0" cellspacing="0"
							data-toggle="table" data-toolbar="#toolbar"
							data-url="${ctx}/contract/countList.htm" data-cache="false"
							data-pagination="true" data-side-pagination="server"
							data-page-list="[10, 20, 50, 100]" data-page-size="20"
							data-query-params="queryParams">
							<thead>
								<tr class="tab-th">
									<th data-field="contracttype" data-formatter="typeFormatter"
										class="col-md-2">合同类型</th>
									<th data-field="count" class="col-md-1">合同份数</th>
									<th data-field="signSumMoney" class="col-md-2"
										data-formatter="moneyFormatter">签约总金额</th>
									<th data-field="copewithMoney" class="col-md-2"
										data-formatter="moneyFormatter">合计应付总金额</th>
									<th data-field="addupMoney" class="col-md-2"
										data-formatter="moneyFormatter">合计已付金额</th>
									<th data-field="nonPayMoney" class="col-md-2"
										data-formatter="moneyFormatter">合计未付金额</th>
									<th data-field="action" class="col-md-1"
										data-formatter="actionFormatter">操作</th>
								</tr>
							</thead>
						</table>
					</div>
				</div>
			</div>
		</div>
          <!-- 引入所有joli的脚本 -->
    <jsp:include page="../joli/scripts.jsp"></jsp:include>
    <!-- 引入页面需要的脚本 -->
    <script type="text/javascript" src="${ctx}/rs/js/bootstrapQ.min.js"></script>
    <script src="${ctx}/rs/js/bootstrap-table.js"></script>
    <script src="${ctx}/rs/js/bootstrap-table-zh-CN.js"></script>
    <script src="${ctx}/rs/js/jquery.formatDate.js"></script>
    <script src="${ctx}/rs/js/my97DatePicker/WdatePicker.js"></script>
    <script type="text/javascript" src="${ctx}/rs/js/session-out-error.js"></script>
    <script type="text/javascript">
					activeMenu($("#menu_contract_2"));
					var $table = $('#table');

					$table.on('click-row.bs.table', function(e, row, $element) {

						$table.bootstrapTable('uncheckAll');
						$table.bootstrapTable('check', $element.index());
					});

					$table.bootstrapTable({
						height : getHeight()
					});

					//获取分辨率高度
					function getHeight() {
						return window.screen.height - 308;
					}

					$(window).resize(function() {
						$table.bootstrapTable('resetView', {
							height : getHeight()
						});
					});

					//初始化刷新
					function refresh(pageIndex, selectPage) {
						if (!pageIndex && !selectPage) {
							pageIndex = 0;
							selectPage = 0;
						}
						var contractStatus = $("#contractStatus").val();
						var beginTime = $("#beginTime").val();
						var endTime = $("#endTime").val();
						var pageSize = $table.bootstrapTable('getOptions').pageSize;
						pageIndex = pageIndex * pageSize;
						$table.bootstrapTable('refresh', {
							silent : true,
							cache : false,
							url : '${ctx}/contract/countList.htm',
							query : {
								contractStatus : contractStatus,
								startTime : beginTime,
								endTime : endTime,
								pageIndex : pageIndex,
								pageSize : pageSize
							}
						});
						$table.bootstrapTable('selectPage', selectPage);
					}
					function queryParams(params) {
						var contractStatus = $("#contractStatus").val();
						var beginTime = $("#beginTime").val();
						var endTime = $("#endTime").val();
						return {
							contractStatus : contractStatus,
							startTime : beginTime,
							endTime : endTime,
							pageIndex : params.offset,
							pageSize : params.limit
						};
					}

					function actionFormatter(value, row, index) {
						var retbak = "";
						var n = index + 1;
						retbak = '<a class="mr15" href="javascript:contractInfo('
								+ n + ')">查看详情</a>';
						return retbak;
					}

					function moneyFormatter(value, row, index) {
						if (value == null) {
							value = "0.00";
						}
						return "￥" + value.toFixed(2);
					}
					function typeFormatter(value, row, index) {
						var bak = '';
						if (value == 1) {
							bak = "销售合同";
						} else {
							bak = "采购合同";
						}
						return bak;
					}
					//合同详情
					function contractInfo(value) {
						var beginTime = $("#beginTime").val();
						var endTime = $("#endTime").val();
						var contractStatus = $("#contractStatus").val();
						if (value == 1) {
							window.location.href = "${ctx}/contract/listCount?beginTime="
									+ beginTime
									+ "&endTime="
									+ endTime
									+ "&contractStatus="
									+ contractStatus
									+ "&type=" + 1;
						} else {
							window.location.href = "${ctx}/contract/listCount?beginTime="
									+ beginTime
									+ "&endTime="
									+ endTime
									+ "&contractStatus="
									+ contractStatus
									+ "&type=" + 2;
						}
					}
				</script>
  </body >
</html>
